<template>
  <div>
    <span>
      <router-link to="/HelloWorld">组件注册</router-link>
    </span>
    <span>
      <router-link to="/custom">封装组件</router-link>
    </span>
    <span>
      <router-link to="/props">props</router-link>
    </span>

    <span>
      <router-link to="/emit">emit</router-link>
    </span>
    <span>
      <router-link to="/root">root</router-link>
    </span>
    <span>
      <router-link to="/parent">parent</router-link>
    </span>
     <span>
      <router-link to="/provide">provide</router-link>
    </span>
    <span>
      <router-link to="/note">note</router-link>
    </span>
  </div>
</template>

<script>
export default {
  name: "topbar",
};
</script>

<style scoped>
span {
  margin-right: 30px;
}
</style>